<template>
    <TCollapse title="调整后项目">
        <el-form :model="prjDetail" label-width="160px" class="pms-form" size="mini" :inline="true">
            <el-row :gutter="24" style="margin-bottom: 10px">
                <el-col :span="12">
                    <el-form-item label="项目名称" style="width: 100%" prop="categoryName">
                        <el-input v-model="prjDetail.newPrjName" class="pms-zr-input" :disabled="true"/>
                    </el-form-item>
                </el-col>
                <el-col :span="6">
                    <el-form-item label="项目编码" style="width: 100%" prop="categoryCode">
                        <el-input v-model="prjDetail.newPrjCode" class="pms-zr-input" :disabled="true"/>
                    </el-form-item>
                </el-col>
                <el-col :span="6">
                    <el-form-item label="站址名称" style="width: 100%" prop="categoryCode">
                        <el-input v-model="prjDetail.newSiteName" class="pms-zr-input" :disabled="true"/>
                    </el-form-item>
                </el-col>
            </el-row>
            <el-row :gutter="24">
                <el-col :span="6">
                    <el-form-item label="站址编码" style="width: 100%" prop="categoryName">
                        <el-input v-model="prjDetail.newSiteCode" class="pms-zr-input" :disabled="true"/>
                    </el-form-item>
                </el-col>
                <el-col :span="6">
                    <el-form-item label="站址经纬度" style="width: 100%" prop="categoryCode">
                        <el-input v-model="longLat" class="pms-zr-input" :disabled="true"/>
                    </el-form-item>
                </el-col>
                <el-col :span="6">
                    <el-form-item label="项目管理岗" style="width: 100%" prop="categoryCode">
                        <el-input v-model="projectManager" class="pms-zr-input" :disabled="true"/>
                    </el-form-item>
                </el-col>
                <el-col :span="6">
                    <el-form-item label="方案造价岗" style="width: 100%" prop="categoryCode">
                        <el-input v-model="costManager" class="pms-zr-input" :disabled="true"/>
                    </el-form-item>
                </el-col>
            </el-row>
        </el-form>
    </TCollapse>
</template>

<script>

export default {
    name: 'ProjectBackInfo',
    props: {
        prjDetail: {
            type: Object,
            default: () => ({})
        }
    },
    computed:{
        longLat(){
            return (this.prjDetail.newSiteLongitude || '' ) + (this.prjDetail.newSiteLatitude? ',' + this.prjDetail.newSiteLatitude :'');
        },
        projectManager(){
            return (this.prjDetail.newPrjManagerName || '') + (this.prjDetail.newPrjManagerAccount ? '(' + this.prjDetail.newPrjManagerAccount + ')' :'' );
        },
        costManager(){
            return (this.prjDetail.newPrjCostManagerName || '') + (this.prjDetail.newPrjCostManagerAccount ? '(' + this.prjDetail.newPrjCostManagerAccount + ')' :'' );
        }
    },
}
</script>

<style scoped lang="scss">

</style>